.header a{
    color:#fff;
}
.header{
    background: #2a2c33;
    z-index: 100;
}
.header h1{
    color:#fff;
    font-size:18px;
}
.body{
	width: 100%;
	margin-top: 44px;
}
ul{
	padding: 18px 12px;
}
ul li{
	width: 100%;
	height: 33vw;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-bottom: 18px;
}
ul li:last-child{
	margin: 0;
}
ul li .bg-box{
	width: 48.5%;
	float: left;
	height: 100%;
	position: relative;
}
ul li .bg-box .shadow{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
ul li .bg-box img{
	width: 36px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 5;
}
ul li .content-box{
	width: 51.5%;
	float: left;
	text-align: center;
}

ul li .content-box p{
	font-size: 15px;
	color: #333;
	margin-top: 9vw;
	padding: 0 5px;
}
ul li .content-box img{
	width: 16px;
	height: 16px;
	border-radius: 10px;
	position: relative;
	top: 4px;
	right: 5px;
}
ul li .content-box span{
	font-size: 12px;
	color: #999;
}
ul li:first-child .bg-box{
	background: url(../../images/city/live-1.png) no-repeat;
	background-size: auto 100%;
	background-position: center;
}
ul li:last-child .bg-box{
	background: url(../../images/city/live-2.png) no-repeat;
	background-size: auto 100%;
	background-position: center;
}